<#include "/layout/_layout.ftl" />
<@head title="首页|四眼井|互联网人的乐园 ">
</@head>
<@body 1>
<div class="w960 mgl-20">

<#--滚动-->
	<div id="slider">
		<div id="switchable-content">
			<ul>
				<#list sliders as slider>
					<li class="clearfix item <#if slider_index==0>active</#if>">
						<a class="fn-left" href="#">
							<img src="${slider.img}" width="800" height="300">
						</a>

						<div class="caption">
							<h3>
								<a href="${slider.url}">
								${slider.title}
								</a>
							</h3>

							<p>
							${slider.content}
							</p>
						</div>
					</li>
				</#list>
			</ul>
			<a class="left control" href="javascript:void(0);" id="prev">
				‹
			</a>
			<a class="right control" href="javascript:void(0);" id="next">
				›
			</a>
		</div>
		<ol id="switchable-nav">
			<#list sliders as slider_min>
				<li>
					<a target="_blank" href="javascript:void(0);">
						<span class="trans_cover <#if slider_min_index==0>active</#if>"></span>
						<img src="${slider_min.thumb}" alt="">
					</a>
				</li>
			</#list>
		</ol>
	</div>
</div>
<div id="main" class="ui-grid-19 ui-grid-right clearfix">
	<div class="mgl-20">
	<#--资讯-->
		<div class="ui-grid-9">
			<div class="ui-box">
				<div class="ui-box-title">
					<h4><i class="icon-list icon-blue"></i>最新资讯</h4>
					<a href="/news" class="ui-box-title-more" title="更多">
						More
					</a>
				</div>
				<div class="ui-box-content">
					<ul class="ui-article-list">
						<#if news??>
							<#list news as news>
								<li class="ui-article-item">
									<#if news.hot>
										<i class="icon-fire icon-blue"></i>
									<#else>
										<i class="icon-bookmark icon-blue"></i>
									</#if>
									<a href="/news/show/${news.id}" title="${news.title}">
										<#if news.title?length gt 15>
										${news.title[0..15]}...
										<#else>
										${news.title}
										</#if>
									</a>
									<span class="ui-article-item-info">
									${news.datetimestamp}
									</span>
								</li>
							</#list>
						</#if>
					</ul>
				</div>
			</div>
		</div>

		<div class="ui-grid-9">
		<#--活动-->
			<div class="ui-box">
				<div class="ui-box-title">
					<h4><i class="icon-bullhorn icon-blue"></i>活动动态</h4>
					<a href="/activity" class="ui-box-title-more" title="更多">
						More
					</a>
				</div>
				<div class="ui-box-content">
					<ul class="ui-article-list">
						<#if activities??>
							<#list activities as activity>
								<li class="ui-article-item job-index-item">
									<div>
										<a href="/activity/show/${activity.id}">
											<span style="font-weight: bold"
											      class="activity-index-item-status-${activity.status!0}">[
												<#switch activity.status>
													<#case 0>
														未开始
														<#break>
													<#case 1>
														报名中
														<#break >
													<#case 2>
														已结束
														<#break >
												</#switch>
												]</span>
											<#if activity.title?length gt 11>
											${activity.title[0..11]}...
											<#else>
											${activity.title}
											</#if>
										</a>
										<span class="ui-article-item-info">
										${activity.datetimestamp}
										</span>
									</div>
								</li>
							</#list>
						</#if>
					</ul>
				</div>
			</div>
		</div>
		<div class="ui-grid-18">
		<#--博客-->
			<div class="ui-box">
				<div class="ui-box-title">
					<h4>热门博文</h4>
					<a href="/blog" class="ui-box-title-more" title="更多">
						More
					</a>
				</div>
				<div class="ui-box-content">
					<ul class="ui-article-list">
						<#if blogs??>
							<#list blogs as blog>
								<li class="ui-article-item">
									<#if blog.hot>
										<i class="icon-fire icon-blue"></i>
									<#else>
										<i class="icon-file icon-blue"></i>
									</#if>
									<a href="/discuss/show/${blog.id}">
										${blog.title}
										<span style="color: #39f">[${blog.name}]</span>
									</a>
									<span class="ui-article-item-info">
									${blog.datetimestamp}
									</span>
								</li>
							</#list>
						</#if>
					</ul>
				</div>
			</div>

		<#--招聘-->
			<div class="ui-box">
				<div class="ui-box-title">
					<h4><i class="icon-briefcase icon-blue"></i>招聘</h4>
					<a href="/job" class="ui-box-title-more" title="更多">
						More
					</a>
				</div>
				<div class="ui-box-content">
					<ul class="ui-article-list">
						<#if jobs??>
							<#list jobs as job>
								<li class="ui-article-item">
									<#if job.hot>
										<i class="icon-fire icon-blue"></i>
									<#else>
										<i class="icon-volume-down icon-blue"></i>
									</#if>
									<a href="/job/show/${job.id}">
									${job.title}
									</a>&nbsp;&nbsp;
									<span class="ui-article-item-info">
										${job.datetimestamp}&nbsp;
											By&nbsp;${job.name}&nbsp;
											阅(${job.views})&nbsp;评(${job.comments})
									</span>
								</li>
							</#list>
						</#if>
					</ul>
				</div>
			</div>

		<#--讨论-->
			<div class="ui-box">
				<div class="ui-box-title">
					<h4><i class="icon-comment icon-blue"></i>讨论区</h4>
					<a href="/discuss" class="ui-box-title-more" title="更多">
						More
					</a>
				</div>
				<div class="ui-box-content">
					<ul class="ui-article-list">
						<#if discusses??>
							<#list discusses as discuss>
								<li class="ui-article-item">
									<#if discuss.hot>
										<i class="icon-fire icon-blue"></i>
									<#else>
										<i class="icon-comment icon-blue"></i>
									</#if>
									<a href="/discuss/show/${discuss.id}">
									${discuss.title}
									</a>&nbsp;&nbsp;
									<span class="ui-article-item-info">
										${discuss.datetimestamp}&nbsp;
											By&nbsp;${discuss.name}&nbsp;
											阅(${discuss.views})&nbsp;评(${discuss.comments})
									</span>
								</li>
							</#list>
						</#if>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="ui-grid-6">
	<#if side_top_content?? && side_top_content!="">
		<div class="ui-box">
		</div>
	</#if>

	<div class="ui-box">
		<div class="ui-box-title">
			<h4><i class="icon-pencil icon-blue"></i>最新动态</h4>
			<a href="#" class="ui-box-title-more" title="更多">
				More
			</a>
		</div>
		<div class="ui-box-container">
			coming soon...
		</div>
	</div>

	<div class="ui-box">
		<div class="ui-box-title">
			<h4><i class="icon-fire icon-blue"></i>热门标签</h4>
			<a href="#" class="ui-box-title-more" title="更多">
				more
			</a>
		</div>
		<div class="ui-box-container clearfix">
			<#if tags??>
				<#list tags as tag>
					<div style="padding-right: 8px;float: left">
						<i class="icon-tag icon-blue"></i>
						<a href="/tag/${tag.id}">${tag.name}</a>
					</div>
				</#list>
			</#if>
		</div>
	</div>

	<div class="ui-box">
		<div class="ui-box-title">
			<h4><i class="icon-heart icon-blue"></i>关注我们</h4>
		</div>
		<div class="ui-box-container">
			<a href="http://weibo.com/startclubs" target="_blank" title="四眼井沙龙">
				<span class="social-weibo-middle social-weibo-middle-activited"></span>
				<span style="font-size: 14px;font-weight: bold">四眼井沙龙官方微博</span>
			</a>

			<div id="weixin_sign" style="">
				<span class="social-weixin-middle social-weixin-middle-activited"></span>
				<span style="color: #06c;font-weight: bold">四眼井沙龙官方微信</span>

				<div id="weixin_code" class="fn-hide ui-box"
				     style="position:absolute;margin:-12px 0 0 46px">
					<img src="${static_domain}/img/mmqrcode1373094430854.png" width="130" height="130"/>
				</div>
			</div>

		</div>
	</div>
</div>
<div class="ui-grid-24 mgl-20">
	<div class="ui-box">
		<div class="ui-box-title">
			<h4><i class="icon-globe icon-blue"></i>友情链接</h4>
		</div>
		<div class="ui-box-content clearfix">
			<#if links??>
				<#list links as link>
					<div style="float: left;line-height: 24px">
						<i class="icon-file icon-blue"></i>
						<a href="/link/${link.id}" target="_blank"
						   style="font-size: 16px;padding-right: 12px">
						${link.name}
						</a>
					</div>
				</#list>
			</#if>
		</div>
	</div>
</div>
</@body>
<@script>
<script src="${static_domain}/js/siyanjing/slide.min.js"></script>
<script type="text/javascript">
	$(function () {
		$('#weixin_sign').hover(function () {
			$('#weixin_code').show();
		}, function () {
			$('#weixin_code').hide();
		});
	});
</script>
</@script>